<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>找回密码-确认账号</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="Js/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="Css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="Css/style.css">
</head>

<body>
	<div class="container-fluid " style="background:#FAFAFA;">
		<div class="row" style="margin:20px;">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<a href="" style="color:red;font-size:20px;">回到主页</a> <span>|</span>
				<span style="font-size:20px;color:#999999;">账号设置</span>
			</div>
			<div class="col-md-2">
				<a href="login.html">登录</a><span>|</span><a href="register.html">注册</a>
			</div>
		</div>
		<hr style="margin:5px;">
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-9">
				<span style="color:#999999;">找回密码</span>
			</div>
		</div>
		<hr style="margin:5px;">
	</div>

	<div class="container">
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<ul class="mod-sub-nav">
					<li class="mod-sub-list1 ">确认账号</li>
					<li class="mod-sub-list2 list2-active">安全验证</li>
					<li class="mod-sub-list3 ">重置密码</li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-6">
				<span class="span">为了您的账号安全请完成身份验证</span>
			</div>
		</div>
		<div class="row" style="height:10px;"></div>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<h5>邮箱验证</h5>
			</div>
		</div>
		<div class="row" style="height:20px;"></div>
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-9">
				<h6>邮箱号:${sessionScope.maillocked}</h6>
			</div>
		</div>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<h5>验证码:</h5>
			</div>
		</div>
		<form action="<c:url value='/findPasswordServlet'/>" method="get">
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-3">
					<input name="vcode" type="text" class="form-control" placeholder="邮箱验证码"
						required="required" />
				</div>
				<div class="col-md-2">
					<input class="btn btn-default" type="button" id="btn" value="发送验证码" />
					<script type="text/javascript">
						var wait = 60;
						function time(o) {
						   
							if (wait == 0) {
								o.removeAttribute("disabled");
								o.value = "发送验证码";
								wait = 60;
							} else {				
								o.setAttribute("disabled", true);
								o.value = "重新发送(" + wait + ")";
								wait--;
								setTimeout(function() {
									time(o)
								},
									1000)
							}
							
						}
						$('#btn').click(function() {
							$.ajax({
								url : "/Traveling/SendCodeToMailServlet",
								dataType : "text",
								type : "get",
						   });
							time(this);
					
						});
					</script>
				</div>
				<div class="col-md-2"><span style="color:red;">${requestScope.error}</span></div>
			</div>
            <span id="eu"></span>
			<div class="row" style="height:40px;"></div>
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-4">
					<input type="hidden" name="temp" value="2">
					<button type="submit" class="btn btn-primary btn-lg btn-block">下一步</button>
				</div>
			</div>

			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-8">
					<hr />
				</div>
			</div>
		</form>
	</div>
</body>
</html>
